<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css" />
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="ckeditor/ckeditor.js"></script>
	<script src="js/index.js"></script>
	<title>文章列表</title>
</head>
<body>
	<header>
		<div class="_warp">
			<a href="#">
				<img src="img/logo.png" class="pull-left" alt="" />
			</a>
			<img src="img/head.png" class="pull-right" alt="" />
			<div class="btn-group pull-right" style="margin-top: 23px;margin-right: 10px;">
				<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    YinLM暮色 <span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
					<li><a href="#">个人中心</a></li>
				    <li role="separator" class="divider"></li>
				    <li><a href="#">退出登陆</a></li>
				</ul>
			</div>
			<div class="btn-group pull-right" style="margin-top: 23px;margin-right: 10px;">
				<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    发布文章 <span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
					<li><a href="#">发布文章</a></li>
				    <li role="separator" class="divider"></li>
				    <li><a href="#">发布音频</a></li>
				    <li><a href="#">发布视频</a></li>
				</ul>
			</div>
		</div>
	</header>
	<section class="article_warp">
		<ul class="list-group" style="margin-top: 10px;">
			<li class="list-group-item list-group-item-add">
				<a href="#" style="text-decoration: none;">
					<h4 class="list-group-item-heading">新一届中央政治局常委亮相</h4>
    				<p class="list-group-item-text text-muted">2017-10-26-16:20</p>
				</a>
				<div class="btn-group btn-group-add" role="group" aria-label="...">
					<button type="button" class="btn btn-primary">编辑</button>
					<button type="button" class="btn btn-danger">删除</button>
				</div>
			</li>
			<li class="list-group-item list-group-item-add">
				<a href="#" style="text-decoration: none;">
					<h4 class="list-group-item-heading">中央政治局委员名单</h4>
    				<p class="list-group-item-text text-muted">2017-10-26-16:20</p>
				</a>
				<div class="btn-group btn-group-add" role="group" aria-label="...">
					<button type="button" class="btn btn-primary">编辑</button>
					<button type="button" class="btn btn-danger">删除</button>
				</div>
			</li>
			<li class="list-group-item list-group-item-add">
				<a href="#" style="text-decoration: none;">
					<h4 class="list-group-item-heading">中国将检查历史文化街区是否大规模突击整治改造</h4>
    				<p class="list-group-item-text text-muted">2017-10-26-16:20</p>
				</a>
				<div class="btn-group btn-group-add" role="group" aria-label="...">
					<button type="button" class="btn btn-primary">编辑</button>
					<button type="button" class="btn btn-danger">删除</button>
				</div>
			</li>
			<li class="list-group-item list-group-item-add">
				<a href="#" style="text-decoration: none;">
					<h4 class="list-group-item-heading">十八大以来我国为企业降费超过4200亿元</h4>
    				<p class="list-group-item-text text-muted">2017-10-26-16:20</p>
				</a>
				<div class="btn-group btn-group-add" role="group" aria-label="...">
					<button type="button" class="btn btn-primary">编辑</button>
					<button type="button" class="btn btn-danger">删除</button>
				</div>
			</li>
			<li class="list-group-item list-group-item-add">
				<a href="#" style="text-decoration: none;">
					<h4 class="list-group-item-heading">世界大学工科排行榜 哈尔滨工业大学排第6名</h4>
    				<p class="list-group-item-text text-muted">2017-10-26-16:20</p>
				</a>
				<div class="btn-group btn-group-add" role="group" aria-label="...">
					<button type="button" class="btn btn-primary">编辑</button>
					<button type="button" class="btn btn-danger">删除</button>
				</div>
			</li>
		</ul>
	</section>
</body>
</html>